<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新建合集</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/logReg.css" />
    <link rel="stylesheet" href="css/buildNewAlbum.css" />
	<!--darkTheme-->
	<!--<link rel="stylesheet" href="css/skin/skin002.css">-->

	<!--换肤 -> 自定义背景模板-->
	<style>
		.SY-content {
			background-image:url(https://wx3.sinaimg.cn/large/b4479d23gy1fua8830qlfj21gs0rs7bu.jpg);
			background-repeat:repeat;
			background-attachment:fixed;
			background-position:center top;
		}
		.SY-mainBox {
			background-image:url(https://wx3.sinaimg.cn/large/b4479d23gy1fua8830qlfj21gs0rs7bu.jpg);
			background-repeat:repeat;
			background-attachment:fixed;
			background-position:center top;
		}
	</style>

</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
	<div class="clearfix">
		<div class="SY-logo fl usn">
			<a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
		</div>
		<div class="SY-search pa dib">
			<div class="inputField">
				<input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
				<a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
			</div>
			<div class="searchTips pa dn">
				<div class="searchReferral dn">
					<div class="searchRecent">
						<p class="title">最近搜索</p>
						<ul class="clearfix">
							<li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
						</ul>
					</div>
					<div class="searchHot">
						<p class="title">热门搜索</p>
						<ul class="clearfix">
							<li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
							<li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
						</ul>
					</div>
				</div>
				<div class="searchResult">
					<ul class="d n">
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
						<li class="worker title">创作者</li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
						<li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
					</ul>
					<div class="checkMore tac d n">
						<a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
					</div>
					<!--缺省提示-->
					<div class="emptyInfo tac dn">
						<p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
					</div>
				</div>
			</div>
		</div>
		<div class="SY-topRight fr">
			<ul class="clearfix">
				<li class="SY-create fr">
					<a href="Post.html"><span>创作</span></a>
				</li>
				<li class="SY-userPic fr">
					<a href="UserCenter.html">
						<img class="br50" src="img/icons/person.png" alt="userPic">
						<object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
					</a>
					<div class="pa tac fold">
						<span class="pa trigon"></span>
						<ul>
							<li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
							<li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
							<li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
							<li class="wallet"><a href="MyWallet.html">钱包</a></li>
							<li class="setting"><a href="UserSetting.html">设置</a></li>
							<li class="SY-exit">
								<a href="javascript:void(0);"><i></i>退出</a>
							</li>
						</ul>
					</div>
				</li>
				<li class="SY-regLog fr dn">
					<a href="javascript:void(0);">注册</a>
					<a href="javascript:void(0);">登录</a>
				</li>
				<li class="SY-notify fr">
					<a href="Notify.html"><i></i><span class="num pa">99+</span></a>
					<div class="pa fold">
						<span class="pa trigon"></span>
						<p class="topBox clearfix">
							<span class="text fl">消息盒子</span>
							<a href="javascript:void(0);" class="emptyBtn fr">清空</a>
						</p>
						<ul class="">
							<li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
							<li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
							<li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
						</ul>
						<!--缺省提示-->
						<div class="emptyInfo tac dn">
							<p class="tips">暂无消息</p>
						</div>
						<div class="checkAll">
							<a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
						</div>
					</div>
				</li>
				<li class="fr line"></li>
				<li class="SY-focus dn fr">
					<a href="UserCenter.html"><i></i><span>关注</span></a>
				</li>
				<li class="SY-Recruit fr">
					<a href="Recruit.html"><i></i><span>招聘</span></a>
					<span class="event db pa new"></span>
				</li>
				<li class="SY-piazza fr">
					<a href="SquareNew.html"><i></i><span>广场</span></a>
				</li>
				<li class="SY-CG fr dn">
					<a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
				</li>
				<li class="SY-index fr dn">
					<a href="Index.html"><i></i><span>首页</span></a>
				</li>
			</ul>
		</div>
	</div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content">
    <div class="SY-mainContent">
		<!--个人主页封面-->
		<div class="SY-userBannerBox pr" style="background-image:url('http://img.yxs.shenyecg.com/Image/sjeoJe8XzPKxDqtxfsoK2Z3MLqpmrPpI/37JNxRbBbD.jpg')">
			<!--换肤按钮-->
			<div class="renewStyle pf">
				<a class="db btn" href="javascript:void(0);"></a>
			</div>
			<div class="cover pa"></div>
			<div class="SY-userInfo tac pr">
				<div class="SY-notice pa">
					<a href="javascript:void(0);" class="icon db br50 pa"><i></i></a>
					<div class="SY-announcement pa">
						<span class="line db pa"></span>
						<!--已有公告-->
						<div class="announcement">
							<div class="topBox clearfix">
								<h2 class="title fl">公告</h2>
								<p class="time fr">2018-05-17</p>
							</div>
							<p class="text">下个月18日晚上6点我会开启我的首次直播，同学们记得来捧场</p>
							<div class="btns tar">
								<a class="edit" href="javascript:void(0);">编辑</a>
							</div>
						</div>
						<!--暂无公告-->
						<div class="emptyInfo dn">
							<h2 class="title tal">公告</h2>
							<p class="tips tal">暂无公告哦~</p>
							<a href="javascript:void(0);">添加</a>
						</div>
						<!--编辑公告-->
						<div class="editAnnounce dn">
							<h2 class="title tal">公告</h2>
							<div class="editBox pr">
								<textarea placeholder="暂无公告内容" onfocus="this.placeholder=''" onblur="this.placeholder='暂无公告内容'"></textarea>
								<span class="wordsLimit warning pa"><i>0</i>/40</span>
							</div>
							<div class="btns tar">
								<a class="save" href="javascript:void(0);">保存</a>
								<a class="cancel" href="javascript:void(0);">取消</a>
							</div>
						</div>
					</div>
				</div>
				<div class="SY-user pa">
					<div class="avatar br50 pr">
						<img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg" alt="">
						<a href="javascript:void(0);"><span class="mark pa db approveGold"></span></a>
					</div>
					<h2 class="nickName">这是用户的昵称<span class="editIcon dib"></span></h2>
					<p class="careerMsg">
						<span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
					</p>
					<p class="desc">这是此用户的内容主题描述</p>
					<div class="datas">
						<p class="scan dib"><span class="num">1002</span>浏览</p>
						<p class="played dib"><span class="num">1002</span>播放</p>
						<p class="liked dib"><span class="num">4056</span>喜欢</p>
						<span class="line"></span>
						<a href="FollowNew.html" class="subscript dib"><span class="num">115</span>订阅</a>
						<a href="FollowNew.html" class="followed dib"><span class="num">455</span>关注</a>
					</div>
					<div class="btns">
						<a class="followBtn dib transition" href="javascript:void(0)">关注</a>
						<a class="sendMsgBtn dib transition" href="javascript:void(0)">私信</a>
					</div>
				</div>
			</div>
		</div>
		<!--导航-->
		<div class="SY-navTab">
			<ul class="tac">
				<li class="item dib active"><a href="UserPageNew.html">主页</a></li>
				<li class="item dib"><a href="javascript:void(0);">动态</a></li>
				<li class="item dib"><a href="javascript:void(0);">收藏</a></li>
				<li class="item dib"><a href="javascript:void(0);">留言板</a></li>
			</ul>
		</div>
		<!--主内容-->
		<div class="SY-mainBox">
			<div class="wrap">
				<!--新建合集导航-->
				<div class="SY-albumNav br5">
					<h2 class="title">新建合集</h2>
				</div>
				<!--新建主内容-->
				<div class="SY-buildAlbumBox br5">
					<div class="albumDetail">
						<!--合集标题-->
						<div class="albumTitle">
							<h3 class="heading">合集标题：</h3>
							<div class="inputBox pr">
								<input type="text" class="br5"/>
								<span class="wordsLimit warning pa"><i>0</i>/30</span>
								<i class="pa mark">*</i>
							</div>
						</div>
						<!--合集描述-->
						<div class="albumDesc">
							<h3 class="heading">描述：</h3>
							<div class="inputBox pr">
								<textarea class="br5"></textarea>
								<span class="wordsLimit warning pa"><i>0</i>/500</span>
							</div>
						</div>
						<!--设置封面-->
						<div class="setCover">
							<h3 class="heading">设置封面：</h3>
							<div class="uploadCover br5 pr">
								<!--未上传-->
								<div class="unUpload dn">
									<a class="db pr tac" href="javascript:void(0)">
										<i class="fa fa-plus"></i>
										<p class="text">请上传封面</p>
										<p>(尺寸不超过：232*142)</p>
										<input type="file" class="pa" />
									</a>
								</div>
								<!--已上传-->
								<div class="uploaded">
									<div class="coverPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/ubvNxkRcHS840Krbq4ORbdTLCrnCKNam/yGCQyyJDza.jpg');"></div>
									<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
								</div>
							</div>
						</div>
						<!--未添加&已添加 列表-->
						<div class="workListBox">
							<div class="navBox clearfix">
								<div class="leftTab fl clearfix">
									<ul class="fl">
										<li class="dib active"><a href="javascript:void(0);">未添加列表<span class="num">（5）</span></a></li>
										<li class="dib"><a href="javascript:void(0);">已添加列表<span class="num">（6）</span></a></li>
									</ul>
									<div class="searchBox br5 pr fl">
										<input type="text" placeholder="搜索我上传的图片/视频" onfocus="this.placeholder=''" onblur="this.placeholder='搜索我上传的图片/视频'"/>
										<a href="javascript:void(0);"><i class="fa fa-search"></i></a>
									</div>
								</div>
								<div class="rightTab fr">
									<ul>
										<li class="dib toCreateBtn"><a href="Post.html" target="_blank" class="transition"><i class="fa fa-plus"></i>去创作</a></li>
										<span class="line dn"></span>
										<li class="dn latestPublish"><a href="javascript:void(0);">最新发布</a></li>
									</ul>
								</div>
							</div>
							<div class="workList">
								<div class="listBox">
									<div class="doNotHave">
										<ul class="clearfix">
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/P8vn2ccb0jAnU0SY5ghCqdJNNrHrm1Lo/Sk6CZe82GT.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/jXnE9nZUDWbYkP8XulHOkexEOyZ3Ngff/wY4sNbhjFJ.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/z606eWthgRhkBlQLiYqiMRaTDQs6ynNy/tCPE4nG5xp.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/P8vn2ccb0jAnU0SY5ghCqdJNNrHrm1Lo/Sk6CZe82GT.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/jXnE9nZUDWbYkP8XulHOkexEOyZ3Ngff/wY4sNbhjFJ.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/z606eWthgRhkBlQLiYqiMRaTDQs6ynNy/tCPE4nG5xp.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/P8vn2ccb0jAnU0SY5ghCqdJNNrHrm1Lo/Sk6CZe82GT.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Gallery/iPWeMRutjGRqjpz694WY6Hucxu0KLxeC/DzM9dqEAsJNsgHrIyJEyG6r14723yIg6jNPAB57m1RYxkM_O6G9Y764xyOaunIC8.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/jXnE9nZUDWbYkP8XulHOkexEOyZ3Ngff/wY4sNbhjFJ.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="choosedIcon br50 pa"><i class="fa fa-check"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/z606eWthgRhkBlQLiYqiMRaTDQs6ynNy/tCPE4nG5xp.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
										</ul>
										<!--缺省提示-->
										<div class="emptyInfo tac dn">
											<div class="icon"></div>
											<p class="tips">还未上传作品哦，快去发布作品吧！</p>
										</div>
										<div class="choosedTips">
											<p class="tips">已选中：<span class="num">3</span></p>
										</div>
									</div>
									<div class="alreadyHave dn">
										<ul class="clearfix">
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/gwM0VXojutfpDXPXjWM65aGtXV74Z0ek/tF2FB5G7WN.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/47dWz3gCuTRlkUArqJc4IzVGyybCdxtB/8k7mwRb63W.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/W1fUd7SlRVlLPPt6m6DKMDDZ2gEDler9/y4b8Q5m63X.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/7lAOvgftYM8yYLQuEZI7IxzEQ4iHOUBD/B2DMMdAj4Q.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/gwM0VXojutfpDXPXjWM65aGtXV74Z0ek/tF2FB5G7WN.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/47dWz3gCuTRlkUArqJc4IzVGyybCdxtB/8k7mwRb63W.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/W1fUd7SlRVlLPPt6m6DKMDDZ2gEDler9/y4b8Q5m63X.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/7lAOvgftYM8yYLQuEZI7IxzEQ4iHOUBD/B2DMMdAj4Q.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition it-video fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="playTips pa tac br5"><i class="fa fa-play"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/gwM0VXojutfpDXPXjWM65aGtXV74Z0ek/tF2FB5G7WN.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition article fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="articleIcon br50 tac pa"><i class="fa fa-file-text"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/47dWz3gCuTRlkUArqJc4IzVGyybCdxtB/8k7mwRb63W.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition live fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="livingIcon pa tac br5"><i class="fa fa-video-camera"></i></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/W1fUd7SlRVlLPPt6m6DKMDDZ2gEDler9/y4b8Q5m63X.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr pay">收费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
											<li class="item transition picture fl br5">
												<a class="db pr" href="javascript:void(0);">
													<span class="pa deleteBtn"><i class="fa fa-trash"></i></span>
													<div class="picIcon pa tac br5"><i class="fa fa-picture-o"></i><span class="num">8</span></div>
													<div class="cover pa"></div>
													<div class="albumPic" style="background-image:url('http://img.yxs.shenyecg.com/Image/7lAOvgftYM8yYLQuEZI7IxzEQ4iHOUBD/B2DMMdAj4Q.jpg');"></div>
												</a>
												<div class="msg">
													<div class="clearfix">
														<h3 class="workName toe fl">这是这个作品的名字</h3>
														<span class="mark fr free">免费</span>
													</div>
													<p class="classify">数字绘景&nbsp;视频</p>
												</div>
											</li>
										</ul>
										<!--缺省提示-->
										<div class="emptyInfo tac dn">
											<div class="icon"></div>
											<p class="tips">还未添加过作品哦！</p>
										</div>
										<div class="tipsBox">
											<p class="tips">友情提示：支持拖动排序</p>
										</div>
									</div>
								</div>
								<!--搜索缺省提示-->
								<div class="emptyInfo tac dn">
									<p class="tips">未搜索到相关作品</p>
								</div>
							</div>
							<div class="btns tac">
								<a class="dib br5 transition saveBtn" href="javascript:void(0);">保存</a>
								<a class="dib br5 transition cancelBtn" href="javascript:void(0);">取消</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
	$(function(){
		//已添加&未添加 选项切换
		$(".SY-buildAlbumBox .navBox .leftTab li").click(function(){
			var this_index = $(this).index();
			$(this).addClass("active").siblings().removeClass("active");
			$(".SY-buildAlbumBox .workListBox .listBox > div").eq(this_index).removeClass("dn").siblings().addClass("dn");
		});
		//未添加列表选中&取消选中
		$(".SY-buildAlbumBox .workListBox .item").click(function(){
			$(this).find(".choosedIcon").toggle();
		})
	})
</script>
</body>
</html>
